<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>宣传展示</title>
     <link rel="stylesheet" type="text/css" href="../../static/fonts/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../../static/start/static/css/reset.css">
    <link rel="stylesheet" type="text/css" href="../../static/start/static/css/public.css">
    <script src="../../static/start/modules/main.js"></script>
    <script src="../../static/start/modules/vice_screen.js"></script>
     <script src="../../static/start/static/js/app.js"></script>
</head>

<body>
    <div id="raio_app" class="screenVice viceAdvertising">
        <ul>
<!--             <li class="i1"  style="background-image: url('../../static/images/ad/advertising.jpg')">
            <div  style="margin-left: 1500px;margin-top: 835px;" ><font style="font-size:120px">${mTag!}</font><div>
            </li> -->
          <% if(mTag=="NO:007"){%> //本公司机器标识
            <li class="i1"  style="background-image: url('../../static/images/ad/ad_1.jpg')">
            <div  style="margin-left: 1500px;margin-top: 835px;" ><font style="font-size:120px"></font><div>
            </li>
             <li class="i2"  style="background-image: url('../../static/images/ad/ad_2.jpg')">
            <div  style="margin-left: 1500px;margin-top: 835px;" ><font style="font-size:120px"></font><div>
            </li>
            <li class="i3"  style="background-image: url('../../static/images/ad/ad_3.jpg')">
            <div  style="margin-left: 1500px;margin-top: 835px;" ><font style="font-size:120px"></font><div>
            </li>
            <li class="i4"  style="background-image: url('../../static/images/ad/ad_4.jpg')">
            <div  style="margin-left: 1500px;margin-top: 835px;" ><font style="font-size:120px"></font><div>
            </li>
           <%}else{%>
             <li class="i1"  style="background-image: url('../../static/images/ad/advertising.jpg')">
            <div  style="margin-left: 1500px;margin-top: 835px;" ><font style="font-size:120px">${mTag!}</font><div>
            </li> 
           <%}%>
        </ul>
    </div>
    <script>
        var aLi = document.querySelectorAll("li");
        var Index = 0;
        aLi[Index].style.opacity = 1;
        setInterval(function(){
            if(Index < aLi.length-1){
                Index ++;
            }else{
                Index = 0;
            }
            for(var i=0;i<aLi.length;i++){
                aLi[i].style.opacity = 0;
            }
            aLi[Index].style.opacity = 1;
        },5000);
    </script>
</body>

</html>